<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <link rel="stylesheet" th:href="@{/css/index.css}" />
    <link rel="stylesheet" th:href="@{/css/common.css}" />
    <link rel="stylesheet" th:href="@{/css/paging.css}" />
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />
    <title>账户-资产管理</title>
</head>
<body style="background: #F5F5F5;">
    <div th:include="~{/client/common/header :: header}"></div>
    <!-- Content -->
    <div class="accountMain">
        <div class="center clear">
            <div class="left-box">
                <ul class="nav-list">
                    <li><a th:href="@{/userBaseMsg/userBaseMsg}">基本信息</a></li>
                    <li class="liActive"><a th:href="@{/userAsset/userAsset}">资产管理</a></li>
                    <li><a th:href="@{/nodeVote/nodeVote}">我的投票</a></li>
                </ul>
            </div>
            <div class="rightWrap">
                <div class="page-two">
                    <div class="bottom">
                        <table>
                            <tr>
                                <td class="col-md-2">币种</td>
                                <td class="col-md-2">总量</td>
                                <td class="col-md-2">可用数量</td>
                                <td class="col-md-2">冻结数量</td>
                                <td class="col-md-2">认证状态</td>
                                <td class="col-md-2">操作</td>
                            </tr>
                            <tr th:each="obj,stat : ${accounts}">
                                <td>
                                    <div class="td-headImg"><img th:src="#{system.base.url} + *{obj.coinImg}"/></div>
                                    <span th:text="*{obj.coinName}"></span>
                                </td>
                                <td th:text="*{obj.totalCount}">0</td>
                                <td th:text="*{obj.availableCount}">0</td>
                                <td th:text="*{obj.frozenCount}">0</td>
                                <td th:text="*{obj.verifyStateName}"></td>
                                <td class="buyIntegral">
                                    <div th:if="${obj.verifyState == 'VERIFIED' and obj.coinName == 'CFC'}">
                                        <a href="javascript:">购买积分</a>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <!--分页-->
                    <div class="pagger-box pagger" id="box"></div>
                </div>
            </div>
        </div>
    </div>
    <!--弹框-->
    <div class="blackLucency"></div>
    <div class="alert-box">
        <div class="aClose"><img th:src="@{/img/close_2.png}"/></div>
        <div class="clear"></div>
        <h1>CFC积分购买</h1>
        <h2>请您将要购买的CFC积分汇款到下面的账户</h2>
        <div class="box">
            <table border="" cellspacing="" cellpadding="">
                <tr>
                    <td>名称：</td>
                    <td>北京中食链股份科技有限公司</td>
                </tr>
                <tr>
                    <td>开户银行：</td>
                    <td>民生银行北京望京支行</td>
                </tr>
                <tr>
                    <td>银行账户：</td>
                    <td>6302 3300 0000 0001 112</td>
                </tr>
            </table>
        </div>
        <div class="init">注：汇款时备注上用户名，购买积分数量，最少购买积分数量10000 1元人民币=100CFC</div>
    </div>
<script th:src="@{/js/jquery-3.1.1.min.js}"></script>
<script th:src="@{/js/paging.js}"></script>
<script th:src="@{/js/public.js}"></script>
<script type="text/javascript">
    $(function(){
        $('.buyIntegral').on('click','a',function(){
            $('.blackLucency').show();
            $('.alert-box').show();
        });
        $('.aClose').click(function(){
            $('.blackLucency').hide();
            $('.alert-box').hide();
        });
    })
</script>
</body>
</html>
